*{
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-column-rule-color: rgba(0,0,0,0);
}
.mask{  /*蒙层*/
  position: relative;
  width: 100vw;
  height: 100vh;
  background: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container{    /*优惠卷最大容器宽和高背景色*/
  position: absolute;
  background: #f7614a;
  width: 392px;
  height: 485px;
}
.header{     /*新人专享字体颜色和大小*/
  position: absolute;
  color: #ffffff;
  font-size: 29px;
  top: 50px;
  left: 155px;
}
.header-money--img{    /*调整新人专享左边图片大小和位置*/
  position: absolute;
  left: 73px;
  top: 34px;
  width: 55px;
  height: 55px;
}
.header-img{   /*调整x按钮图片大小和位置*/
  position: absolute;
  width: 11px;
  height: 11px;
  left: 356px;
  right: 22px;
  top: 22px;
  bottom: 0;
  color: #efd7a1;
}
.explain{   /*小册子文字居中*/
  position: absolute;
  left: 22px;
  right: 45px;
  top: 126px;
  font-size: 13.5px;
  color: #f7e3b7;
}
.coupon-one{ /*第一个优惠卷背景色和宽高*/
  position: absolute;
  background: #ffffff;
  height: 58px;
  width: 350px;
  top: 177px;
  left: 22px;
  display: flex;
  align-items: center;
}
.coupon--circle__left{
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  left: -12px;
  background: #f7614a;
}
.coupon--circle__right{   /*优惠卷右边缺口*/
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%; /*整圆*/
  right: -12px;
  background: #f7614a;
}
.coupon--left{
  left: 37px;
  position: absolute;
  color: #8d572b;
}
.coupon--dashed__right{  /*调整优惠卷中的字体颜色和居中*/
  left: 178px;
  border-left: 1px dashed #f7e3b7;  /*优惠卷中间的虚线*/
  position: absolute;
  color: #8d572b;
  height: 58px;
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coupon--left{
  position: absolute;
  color: #8d572b;
}
.coupon-two{ /*第二个优惠卷*/
  position: absolute;
  background: #ffffff;
  height: 58px;
  width: 350px;
  top: 241px;
  left: 22px;
  display: flex;
  align-items: center;
}
.coupon-three{    /*第三个优惠卷*/
  position: absolute;
  background: #ffffff;
  height: 58px;
  width: 350px;
  top: 305px;
  left: 22px;
  display: flex;
  align-items: center;
}
.annotation{   /*注：字体颜色和大小*/
  position: absolute;
  left: 22px;
  top: 379px;
  color: #f7e3b7;
  font-size: 15px;
}
.coupon--btn{
  width: 352px;
  height: 47px;
  position: absolute;
  bottom: 31px;
  left: 22px;
  background: -webkit-linear-gradient(#fde0a7,#fbc377);
  display: flex;
  align-items: center;
  justify-content: center;
}

